<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" href="layui/css/layui.css" media="all">
		<link rel="stylesheet" type="text/css" href="static/top.css" />
		<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
		<style type="text/css">
			.login {
				margin-top: 20px;
				margin-left: 1000px;
			}
			
			.content {
				margin: 20px;
				border-top: dodgerblue solid 2px;
			}
			
			.content form {
				margin-left: 400px;
				margin-top: 20px;
			}
			
			.bottom {
				margin: 20px;
			}
			
			.bottom img {
				width: 80%;
				height: 200px;
			}
		</style>
	</head>

	<body>
		<!--
        	作者：offline
        	时间：2018-05-06
        	描述：注册用户
        	<script>
				var param={
					iID:'5120145056',
					imobilephone:'15602144120',
					ipassword:'19960214'
				};
				$.ajax({  
				    type: 'post',  
				    url: 'regitUser.php',
				    data: param,
				    success: function(data){ 
				        alert(data);
				    }
			 	 });
			</script>
        -->
		<div class="top">
			<div class="layui-row layui-col-space1">
				<div class="layui-col-md7 ">
					<img src="img/logo1.jpg" />
				</div>
				<div class="layui-col-md5">
					<h1>Welcome</h1>
					<p>你来点，我来送</p>
					<p>足不出户让你享受全城美食</p>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="login">
				<span>已有吃饭吧账号!</span>
				<button class="layui-btn" lay-submit lay-filter="formDemo">登陆</button>
			</div>
			<form class="layui-form" action="">
				<div class="layui-form-item">
					<label class="layui-form-label">账号</label>
					<div class="layui-input-inline">
						<input type="text" name="title" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">手机号</label>
					<div class="layui-input-inline">
						<input type="text" name="title" required lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">创建密码</label>
					<div class="layui-input-inline">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid layui-word-aux">辅助文字</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">确认密码</label>
					<div class="layui-input-inline">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block">
						<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</div>
			</form>
		</div>
	</body>

</html>
<script>
	//Demo
	layui.use('form', function() {
		var form = layui.form;

		//监听提交
		form.on('submit(formDemo)', function(data) {
			layer.msg(JSON.stringify(data.field));
			return false;
		});
	});
</script>